<template>
    <div>8888</div>
  </template>
  
  <script lang="ts" setup>
  import { ref } from "vue";
  
  const isCollapse = ref(false);
  const handleOpen = (key: string, keyPath: string[]) => {
    console.log(key, keyPath);
  };
  const handleClose = (key: string, keyPath: string[]) => {
    console.log(key, keyPath);
  };
  </script>
  
  <style lang="scss" scoped>
  .el-header {
    background-color: #c6e2ff;
    color: #333;
    height: 4.375rem;
  }
  
  .el-aside {
    background-color: #ecf5ff;
    color: #333;
  }
  
  .el-main {
    background-color: #ecf5ff;
    color: #333;
    height: calc(100vh - 4.375rem);
    padding: 0;
    margin: 0;
  }
  </style>
  